<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{block name="title"}{/block}</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="__STATIC__/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="__STATIC__/font-awesome/css/font-awesome.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="__STATIC__/admin/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="__STATIC__/admin/dist/css/skins/_all-skins.min.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="__STATIC__/admin/dist/js/html5shiv.min.js"></script>
  <script src="__STATIC__/admin/dist/js/respond.min.js"></script>
  <![endif]-->
  <link rel="stylesheet" href="__STATIC__/layui/css/layui.css">

  {block name="css"}{/block}
</head>
<body class="layout-boxed sidebar-mini skin-yellow">
<!-- Site wrapper -->
<div class="wrapper">

  {include file="public:header" /}

  <!-- =============================================== -->

  <!-- Left side column. contains the sidebar -->
  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu" data-widget="tree">
        {volist name="menu" id="vo"}
            <li class="header">{$vo.name}</li>
            {notempty name="vo.child"}
                {volist name="vo.child" id="child"}
                <li class="{$child.active}"><a href="{$child.url}"><i class="{$child.icon}"></i> <span>{$child.name}</span></a></li>
                {/volist}
            {/notempty}
        {/volist}
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

  <!-- =============================================== -->

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Main content -->
    {block name='content'}{/block}
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  {include file="public:footer" /}

</div>
<!-- ./wrapper -->

<!-- jQuery 3 -->
<script src="__STATIC__/jquery/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="__STATIC__/bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="__STATIC__/admin/dist/js/adminlte.min.js"></script>
<!-- Sweetalert 2.1.0 -->
<script src="__STATIC__/sweetalert/promise.min.js"></script>
<script src="__STATIC__/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layui/layui.js"></script>
<script src="__STATIC__/cxselect/jquery.cxselect.js"></script>
<script>
  $(document).ready(function () {
    $('.sidebar-menu').tree()
  })
</script>
{block name="js"}{/block}
</body>
</html>